<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>全局病例查询</title>

<style type="text/css">
	#searchBox {
	    position: relative;
	    float: right;
	    right: 50%;
	    width: 600px;
	    margin-top: 80px;
	    margin-right: -300px;
	    transition: all .2s;
	}
	
	#searchBox.sm {
	    right: 100px;
	    margin-top: -18px;
	    margin-right: 0;
	    /*width: 400px;*/
        position: absolute;
	}

    #searchBox #date_div_search input,#searchBox #date_div_search select{
        width: 100px;
        display: inline-block;
        font-weight: normal;
    }
    #searchBox #date_div_search>div{
        display: inline-block;
        margin-top: 5px;
    }
    #hcTypeWrapper{
        position: relative;
        transition: all .2s;
        left: -116px;
        opacity: 0;
        color:#fff;
    }
    #hcTypeWrapper.slideRight{
        left: 0;
        opacity: 1;
        color: #000;
    }
	
	#searchsortlist {
	    position: absolute;
	    z-index: 10;
	    padding: 20px;
	    transition: .2s;
	    border-radius: 6px;
	    transform-origin: top;
	    background-color: rgba(0, 0, 0, .7);
	    box-shadow: 0 2px 10px rgba(0, 0, 0, .4);
	}
	
	.card-hide {
	    transform: perspective(800px) rotateX(-90deg);
	}
	
	#searchsortlist>label {
	    width: 106px;
	    color: #e0e0e0;
	    font-weight: normal
	}
	
	#searchBtn .fa {
	    margin-right: 10px;
	    color: #15bb6b;
	}
    .form-control{
        height: 31px;
    }
	.input-lg {
	    height: 46px;
	    padding: 10px 16px;
	    font-size: 18px;
	    line-height: 1.33;
	    border-radius: 6px;
	}
	.btn-lg, .btn-group-lg>.btn {
	    padding: 10px 16px;
	    font-size: 18px!important;
	    line-height: 1.35;
	    border-radius: 6px;
	}
    .dataTable td{
        vertical-align: middle!important;
    }

    #caseListTable-sub td div{overflow: auto; }
    #caseListTable-sub td div::-webkit-scrollbar-track {background-color: none;}
    #caseListTable-sub td div::-webkit-scrollbar {width: 2px;background-color: none;}
    #caseListTable-sub td div::-webkit-scrollbar-thumb {background-color: #999;}

</style>

</head>
<body>
	<div class="container-fluid">
        <div class="row" style="position: relative;z-index: 10;">
            <div class="col-md-12" style="margin-bottom: 20px;">
                <div id="searchBox">
                    <div id="date_div_search" style="width: 800px;">
                        <div>
                            <label for="sdate" style="display: inline-block;">&nbsp;&nbsp;起止日期:</label>
                            <input id="sdate" type="text" class="form-control input-sm"/>
                            <label for="edate" style="padding: 0;">~</label>
                            <input id="edate" type="text" class="form-control input-sm"/>
                        </div>
                        <div>
                            <label for="caseType" >&nbsp;&nbsp;病例类型:</label>
                            <select id="caseType" class="form-control input-sm" style="z-index: 2;position: relative;">
                                <option value="allCase">全体病例</option>
                                <option value="hcCase">医保病例</option>
                            </select>
                            <label id="hcTypeWrapper">~
                                <select id="hcType" class="form-control input-sm" style="width:auto;">
                                </select>
                            </label>
                        </div>
                    </div>
                    <div class="input-group">
                        <input class="form-control input-lg" name="keyword" id="keyword" type="text" autocomplete="off" placeholder="请输入关键词" />

                        <span class="input-group-btn">
                            <button class="btn btn-default btn-lg" type="button" id="searchBtn">
                                <i class="fa fa-search fa-lg"></i>查询</button>
                        </span>
                    </div>
                    <div id="searchsortlist" class="card-hide"></div>
                </div>

            </div>
        </div>

        <div class="row">
            <div class="col-md-12">
                <div id="caseSearchList" ></div>
                <table id="caseListTable-sub" class="table display nowrap" style="width:100%;"></table>
            </div>
        </div>
    </div>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/base64.js" />
<script type="text/javascript" src="<%=request.getContextPath()%>/js/yizheng/fenxi/caseGlobalSearchEs.js" />
</body>
</html>